@charset "utf-8";
body,ul,form, li{margin:0px;padding:0px}
textarea,input,select,body{font-size:12px}
select,input{vertical-align:middle;padding:1px; }
fieldset,img{border:0}
/*ul,ol{list-style:none}*/
a{color:#0449be;}

a:hover{color:red;text-decoration:underline}


body{font-family: Arial, Helvetica, sans-serif;background:#fff; padding:10px;}

.marginTop{ margin-top:10px;}

.mainFrame .rightFrame{border:1px solid #3787FF;}
.mainFrame .rightFrame .rightBox{padding:10px; }
.statisticsQueryBox{}
.statisticsQueryBox ul{list-style:none; list-style-type:none; }
.statisticsQueryBox ul li{float:left; padding:3px 10px 3px 10px}
.statisticsQueryBox ul #timeId{color: #0033CC}
.statisticsQueryBox ul #timeId:hover{ background-color: #C0D0FE}


.leftFrame{width:180px;}
.leftFrame .navBox ul{list-style:none; list-style-type:none; margin-top:0px; }
.leftFrame .navBox .marginLeft{margin-left:15px;}
.leftFrame .navBox ul .selected, .leftFrame .navBox ul a{padding:3px;display:block; font-size:14px; cursor:pointer; text-decoration: none;}
.leftFrame .navBox ul .selected{background-color: #3787FF; color:#FFF; font-weight:bold}
.leftFrame .navBox ul a{color:#0033CC}
.leftFrame .navBox ul .selected:hover{background-color: #3787FF; }
.leftFrame .navBox ul a:hover{background-color: #C0D0FE;}

.resultTable{background-color:#FFFFFF}
.resultTable .result-th, .resultTable .result-td{padding:5px; border-right:1px solid #FFFFFF;}
.resultTable .result-th{background-color:#2894FF; color:#FFFFFF; font-weight: bold;}
.resultTable .result-td{background-color:#FFFFFF}


.formTable{border:1px #2894FF solid;background-color:#FFFFFF}
.formTable .form-th, .formTable .form-td{padding:5px; }
.formTable .form-th{background-color:#2894FF; color:#FFFFFF; font-weight: bold; padding-top:5px; line-height: 160%; word-break: break-all; word-wrap:break-word;}
.formTable .form-td{
	border-right: 1px solid #C1DAD7; 
    border-bottom: 1px solid #C1DAD7;    
    padding: 6px 6px 6px 12px; 
    color: #4f6b72; 
}
.form-sort-th{
	padding:5px;
	background-color:#2894FF; 
	color:#0066CC;
	font-weight: bold; 
	padding-top:5px; 
	line-height: 160%; 
	word-break: break-all; 
	word-wrap:break-word;
}
.formTable .form-td .input-style{font-size:13px; padding:3px;}

.graphBox{margin-top:50px; border:1px #CCCCCC solid;}

/* Box style */
.boxPop{ position:relative; width:250px; background:#FFFFFF; border:1px solid #91abc2}
.boxHeader{ background-color:#f1f1f1; height:30px; line-height:30px; padding-left:10px; font-weight:bold;}
.boxBody{ padding:10px; clear:both;}
.boxFooter{padding-left:20px; bottom:5px;}

.navTitle{display: inline-block; height:20px; padding:6px 15px 4px 15px; color:#FFF; font-size:14px; font-weight:bold; text-decoration: none;}
.navTitleSelected{background-color: #6685BB}

DIV.line_block{
	left:20px;
	width:100%;
	margin:0 auto;
}
DIV.hr1{ margin-top:25px; height:1px; border-bottom:1px solid #CCCCCC}

#navTitleId{font-size:18px; border-bottom:1px solid #999999;padding-bottom:10px;}
.buttonBar{margin:5px;}

.page{MARGIN-TOP: 5px; padding-bottom:10px;}
.page span, .page a{height:15px;margin-left:10px; padding:3px 8px; display:inline-block;}
.page span{font-weight:bold; border:1px #CCCCCC solid; background-color:#EEEEEE}
.page a{color: #0066CC;  border:1px #CCCCCC solid; }
.page a:hover{color: #FF0000; background-color:#EEEEEE; }

.report-condition-line-height{margin-bottom:5px;}
.report-condition-button-width{width:60px}
.report-condition-button-add{padding: 3px; display: inline-block;}
.report-condition-td{padding: 5px 10px 5px 5px}

.floatLeft{float: left;}

#autoSqlBox select{width:70px; }
#autoSqlBox input{}
#autoSqlBox .tableSelect{width: 120px;}
.tipSpan{background: url('../images/error2.gif') no-repeat; display: inline-block; width:19px; height:16px;}


#col1 {
	float:left;
	width:20%;
}

#col3 {
	border-left: 1px dotted #DDD;
	margin: 0px 0px 0px 25%;
	width: auto;
}

#col1_content {
	padding: 0px 10px 0px 20px;
}

#col1_content,#col2_content,#col3_content {
	position: relative;
}

#col1_content li,#col2_content li, #col3_content li {
	list-style-type: none;
	width:33%;
}
.warn {
	color:#AA1124;
}


.divTable{
	border:1px #2894FF solid;
	background-color:#FFFFFF;
	height:480px;
	overflow: auto;
	overflow-x:	hidden;
	face-color: #FFFFFF;
	shadow-color: #885C10; 
	highlight-color: #F8ECD8; 
	3dlight-color: #885C10; 
	darkshadow-color: #F8ECD8; 
	track-color: #F8ECD8; 
	arrow-color: #885C10;
}
.divTable .form-th {padding:5px; text-align:left;}
.divTable .form-td {padding:5px; text-align:left;}
.divTable .form-th{background-color:#2894FF; color:#FFFFFF; font-weight: bold; padding-top:5px; line-height: 160%; word-break: break-all; word-wrap:break-word;}
.divTable .form-td{background-color:#FFFFFF}
.divTable .form-td .input-style{font-size:13px; padding:3px;}